<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<h2>User Profile</h2>

	<table>
		<tr>
			<td style="vertical-align: top;">
				<div id="filedrag" style="border: 1px dashed black; width: 150px; height: 150px">
					<img style="width: 100%" alt="Profile Pic" src="${imageUrl}">
				</div>
			</td>
			<td>
				<table>
					<tr>
						<td>First Name:</td>
						<td style="width: 220px;">
							<c:out value="${user.firstName}"></c:out>
						</td>
						<td style="margin-left: 30px">Last Name:</td>
						<td>
						<c:out value="${user.lastName}"></c:out>
						</td>
					</tr>
					<tr>
						<td>Email Address:</td>
						<td>
							<c:out value="${user.email}"></c:out>
						</td>
						<td style="margin-left: 30px"></td>
						<td>
							
						</td>
					</tr>
					
					<tr>
						<td style="margin-left: 30px">Date of Birth:</td>
						<td>
							<fmt:formatDate value="${user.dateOfBirth}" pattern="yyyy-MM-dd"/>
						</td>
						
						<td></td>
						<td>
							
						</td>
					</tr>
					
					<tr>
						<td colspan='4'>
							<div class="questionnaire_submit_button" style="margin-left: 30px; margin-top: 20px;" >
								<button  type="button" name="edit" value="Edit" id="profileEditButton" class="ui-action-tag action-primary"><span class="ui-action"><span class="ui-action-content">Edit</span></span></button>
							</div>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>